<template>
  <div>
      <v-table >
      </v-table>
  </div>
</template>

<script>
import VTable from "./components/Base.vue";

export default {
  name: "app",
  components: {
    VTable,
},
  data() {
    return {
      dom: null
    };
  },
};
</script>

<style lang="scss">
body {
  background: #ffF;
}

    /* ****搬运的滚动条**** */
    .el-scrollbar {
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    .el-scrollbar__wrap {
        overflow: scroll;
        height: calc(100% + 17px);
    }

    .el-scrollbar__bar {
        position: absolute;
        right: 2px;
        bottom: 2px;
        z-index: 1;
        border-radius: 4px;
        opacity: 0;
        transition: opacity 0.12s ease-out;

        &.is-horizontal {
            height: 6px;
            left: 2px;

            > div {
                height: 100%;
            }
        }

        &.is-vertical {
            width: 6px;
            top: 2px;

            > div {
                width: 100%;
            }
        }
    }

    .el-scrollbar:active > .el-scrollbar__bar,
    .el-scrollbar:focus > .el-scrollbar__bar,
    .el-scrollbar:hover > .el-scrollbar__bar {
        opacity: 1;
        transition: opacity 0.34s ease-out;
    }

    .el-scrollbar__thumb {
        position: relative;
        display: block;
        width: 0;
        height: 0;
        cursor: pointer;
        border-radius: inherit;
        background-color: rgba(144, 147, 153, 0.3);
        transition: background-color 0.3s;
    }
</style>
